<template>
   <div class="Albumpictures">
         <a href="javascript:;" class="album"><img :src="picUrl" alt=""></a>
   </div>
</template>

<script>
export default {
        name:'FooterAlbum',
        data(){
           return {
              picUrl:'http://s4.music.126.net/style/web2/img/default/default_album.jpg'
           }
        },
        mounted(){
           this.$bus.$on('music_details',(el) => {
           
           
             this.picUrl = el.picUrl
           })
        }
}
</script>

<style scoped>
   .Albumpictures {
      position: relative;
       margin: 0 15px 0 0;
       float: left;
       width: 34px;
       height: 34px;
       
   }
   .album {
       position: absolute;
       top: 12px;
       left: 0;
       display: inline-block;
       width: 34px;
       height: 35px;
       border-radius: 5px;
       overflow: hidden;
      
   }
   img {
      width: 34px;
      height: 34px;
   }
</style>